<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path;
%>
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>新建登分-云校通_教师版</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <link rel="stylesheet" href="<%=basePath%>/style/weui.css"/>
    <link rel="stylesheet" href="<%=basePath%>/style/weui2.css"/>
    <link rel="stylesheet" href="<%=basePath%>/style/weui3.css"/>
    <link rel="stylesheet" href="<%=basePath%>/style/icon.css"/>
    <link rel="stylesheet" href="<%=basePath%>/css/xcgl_bbdc.css"/>
    <script src="<%=basePath%>/js/zepto.min.js"></script>
    <script src="<%=basePath%>/js/swipe.js"></script>
  </head>
  
  <body ontouchstart>
  <jsp:include page="/WEB-INF/page/common/_header.jsp"></jsp:include>
   <div class="weui-header bg-blue"> 
		<div class="weui-header-left"> <a onclick="back()" class="icon icon-109 f-white">返回</a></div>
		<h1 class="weui-header-title">报表导出</h1>
   </div>
    <div class="makeDate">
      <div class="setTime">
        <input id="time1" type="text" placeholder="开始时间" readonly="readonly">
        <img>
        <input id="time2" type="text" placeholder="结束时间" readonly="readonly">
      </div>
      <div class="dataType clear">
        <ul>
          <li>库存管理</li>
          <li>入库管理</li>
          <li>消耗品领用</li>
          <li>借还管理</li>
        </ul>
      </div>
      <div class="mBtn">
        <p>生成电子报表</p>
      </div>
    </div>
    <div class="downLoad">
      <div class="dM" style="display: none;">
        <img>
        <p>库存统计</p>
        <span>下载</span>
      </div>
      <div class="dM" style="display: none;">
        <img>
        <p>入库明细</p>
        <span>下载</span>
      </div>
      <div class="dM" style="display: none;">
        <img>
        <p>消耗品明细</p>
        <span>下载</span>
      </div>
      <div class="dM" style="display: none;">
        <img>
        <p>借还记录</p>
        <span>下载</span>
      </div>
    </div>

    <script src="<%=basePath%>/js/jquery.min.js"></script>
    <script src="<%=basePath%>/js/zepto.min.js"></script>
    <script src="<%=basePath%>/js/picker.js"></script>
    <jsp:include page="/WEB-INF/page/common/_footer.jsp"></jsp:include>  
    <script>
      $(function(){
        $("#time1").click(function () {
          $(this)[0].style.textIndent = '0'
        });
        $("#time1").datetimePicker({title:"开始时间",min:'2015-12-10',max:'2050-10-01'});
        $("#time2").click(function () {
          $(this)[0].style.textIndent = '0'
        });
        $("#time2").datetimePicker({title:"结束时间",min:'2015-12-10',max:'2050-10-01'});
      }); 
    </script>
    <script>
      window.onload = function () {
        var btn = document.getElementsByClassName('dataType')[0].getElementsByTagName('li');
        var subtn = document.getElementsByClassName('mBtn')[0];
        var checkBtn = document.getElementsByClassName('active');
        var dList = document.getElementsByClassName('downLoad')[0].getElementsByClassName('dM');
        var downBtn = document.getElementsByClassName('downLoad')[0].getElementsByTagName('span');
        var atrT = document.getElementsByTagName('template')[0];
        for (var i = 0; i < btn.length; i++) {
          btn[i].onclick = function () {
            if (this.className === '') {
              this.className = 'active';
            } else {
              this.className = '';
            }
          }
        }
        subtn.onclick = function () {
          for (var a = 0; a < dList.length; a++) {
            dList[a].style.display = 'none';
          }
          for (var i = 0; i < checkBtn.length; i++) {
            dList[i].style.display = 'block';
          }
          for (var b = 0; b < btn.length; b++) {
            btn[b].className = '';
          }
        }
        for (var a = 0; a < dList.length; a++) {
            downBtn[a].index = a
            downBtn[a].onclick = function () {
              dList[this.index].style.display = 'none';
            }
          }
      }
    </script>
  </body>
</html>